
<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="f"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Vuelos</title>
<script type="text/javascript" src="../bootstrap/js/bootstrap.js"></script>
<script type="text/javascript" src="../bootstrap/js/bootstrap.min.js"></script>
<link href="../bootstrap/css/bootstrap.css" rel="stylesheet">
<link href="../bootstrap/css/bootstrap.min.css" rel="stylesheet">
</head>
<body>
	<div class="row-fluid">
		<div class="span1"></div>
		<div class="span10">
			</br> <img id="Logo"
				src="http://static.vueling.com/cms/images/vueling-logo.png"
				alt="Vueling Airlines"> </br>
			<p>
			<h1 class="inline">Vuelos</h1>
			<form method="GET" action="action.do">
				<input type="hidden" name="iataOrigen"
					value="${requestScope.form.iataAeroOrigen}"> <input
					type="hidden" name="iataDestino"
					value="${requestScope.form.iataAeroDestino}">
				<c:set var="fecha">
					<f:formatDate pattern="yyyy-MM-dd"
						value="${requestScope.form.fechaPartida}"></f:formatDate>
				</c:set>
				<input type="hidden" name="fechaPartida" value="${fecha}"> 
				<input type="hidden" name="objetoInicial" value="${requestScope.form.objetoInicial}">
				<input type="hidden" name="nombre" value="">
				<input type="hidden" name="nifcif" value="">
				<c:if test="${requestScope.form.objetoInicial == 10}">
					<input class="btn" type="submit" name="anterior" value="Anteriores" />
				</c:if>
				<c:if test="${not empty requestScope.vuelos}">
					<input class="btn" type="submit" name="siguiente"
						value="Siguientes" />
				</c:if>
				<input class="btn btn-meddium btn-info" type="submit" name="comprar"
					value="comprar" />
				<!-- Si existen: Mostramos los errores del formulario almacenados en el objeto form, en
			 		 su atributo mensajesError -->
				<c:if test="${not empty requestScope.form.mensajesError}">
					<h4 class="text-error">Errores del Formulario</h4>
					<ol class="text-error">
						<c:forEach var="mensajesError"
							items="${requestScope.form.mensajesError}">
							<li>${mensajesError}</li>
						</c:forEach>
					</ol>
				</c:if>
				</p>
				<table class="table table-hover">
					<thead>
						<tr>
							<th>Vuelo</th>
							<th>Aeropuerto Origen</th>
							<th>Aeropuerto Destino</th>
							<th>Fecha Salida</th>
							<th>Fecha Llegada</th>
							<th>Precio</th>
							<th>Plazas</th>
							<th>Plazas Libres</th>
						</tr>
					</thead>
					<c:forEach var="vueloActual" items="${requestScope.vuelos}">
						<tr>
							<td><input type="radio" name="vueloseleccionado"
								value="${vueloActual.id}"></td>
							<td>${vueloActual.aeropuertoOrigen.codIATA} -
								${vueloActual.aeropuertoOrigen.nombre}</td>
							<td>${vueloActual.aeropuertoDestino.codIATA} -
								${vueloActual.aeropuertoDestino.nombre}</td>
							<td><f:formatDate type="both" dateStyle="medium"
									timeStyle="short" value="${vueloActual.horaSalida}"></f:formatDate>
							</td>
							<td><f:formatDate type="both" dateStyle="medium"
									timeStyle="short" value="${vueloActual.horaLlegada}"></f:formatDate>
							</td>
							<td><f:formatNumber value="${vueloActual.precio}"
									type="currency" currencySymbol="€"></f:formatNumber></td>
							<td>${vueloActual.plazas}</td>
							<td>${vueloActual.plazasLibres}</td>

						</tr>
					</c:forEach>
				</table>
			</form>
		</div>
	</div>
	</div>
	<div class="span1"></div>
</body>
</html>